TreeGridLoaded ({ /* JSONP header, to be possible to load from xxx_Jsonp data source */ 
   "Cfg" : { "id": "Books"   },  // Grid id for saving configuration to cookies 
   "Cfg_2" : { "MainCol": "A"   },   // Shows tree in column 'A' 
   "Cfg_3" : { "Editing": "1"   },  // Editing mode, can be changed by radio on toolbar between 1 - 2 
   "Cfg_4" : { "MaxHeight": "1"   },  // Resizes / maximizes the grid main tag to fill the whole page 
   "Cfg_5" : { "ExternalAlign": "1"   },  // Permits center the grid inside its main tag 
   "Cfg_6" : { "SaveAttrs": ",Editing"   },  // Saves Cfg Editing attribute within configuration to cookies 
   "Cfg_7" : { "PrintVarHeight": "2", "ExportHeights": "4"   },  // Calculates height of all rows, because they are multiline and also ignores MaxHeight attribute for printing and exporting - always prints and exports the whole cell text 
   "Cfg_8" : { "NoPrintTreeLines": "1"   },  // Does not print tree lines, because the rows too high when printing 
   "Cfg_9" : { "PrintPagePrefix": "<center class='%9' style='width:%7px'>Page %1H / %4 , %2V / %5</center>"   },  // Sample page header for printing  
   "Cfg_10" : { "PrintPagePostfix": "<center class='%9' style='margin-top:%0px;width:%7px'>Books example printed page %3 / %6</center>"   },   // Sample page footer for printing 
   "Cfg_11" : { "LimitScroll": "0"   },  // Does not use LimitScroll, because NoVScroll / NoHScroll are set by Media 
   "Cfg_12" : { "Language": "EN"   },  // Presets English language and shows the Languages combo 
   "Cfg_13" : { "ImportRows": "3"   },  // Permits importing rows data from exported xlsx, accepts only xlsx exported by this sample 
   "Cfg_14" : { "ExportType": "Outline,ForceBorder,HideFiltered,HideGroupCols,Hidden,Hide,FixedRows,FixedCols,TreeGrid,ColNames,RangeComment,Defs"   },  // Settings for xlsx export, support also for importing xlsx back 
   "Cfg_15" : { "InsertImg": "Drop,Open,Replace"   },  // Permits opening and dropping image files and replace the cell content by them (in the Img type here) 
   "Cfg_16" : { "InsertImgMaxWidth": "75", "InsertImgMaxHeight": "150"   },  // Shrinks the inserted images to this size 
   "Cfg_17" : { "LinkTarget": "_blank"   },  // Opens all new links in new window 
   "Cfg_18" : { "Undo": "1"   },  // Permits actions Undo and Redo 
   
   "Actions" : { "OnClickEditLink": "Grid.Editing==2?ShowLink:Focus", "OnClickEditImg": "Grid.Editing==2?ShowLink:Focus"   },  // In read only mode the links navigates to url, in edit mode they let users to edit them 
   "Actions_2" : { "OnClick1EditLink": "Grid.Editing==2?ShowLink:FocusEdit", "OnClick1EditImg": "Grid.Editing==2?ShowLink:FocusEdit"   },  // The same settings for iPad 

   "Root" : { "CDef": "", "AcceptDef": ""   },  // It is not possible to add or copy rows to grid root 

   "LeftCols" : [ 
      { "Name": "A"   }   // Main Title column with tree 
   ], 
   
   "Cols" : [ 
      { "Name": "B", "Width": "200", "Type": "Link", "EditFormat": "|2|1|1", "Group": "1", "VarHeight": "1", "ShowHint": "2", 
         "Format": "|http://www.amazon.com/s/103-6152138-4386222?ie=UTF8&index=books&rank=-relevance%2C%2Bavailability%2C-daterank&field-author-exact="   }, 
         // Author column 
      { "Name": "C", "Group": "1"   },  // Publisher column 
      { "Name": "D", "Type": "Date", "Format": "sy", "Group": "1", "Width": "105"   },  // Availability column 
      { "Name": "E", "Type": "Int", "Group": "1"   },  // Pages column 
      { "Name": "F", "Group": "1"   },  // ISBN column 
      { "Name": "H", "Type": "Enum", "Enum": "|Hardcover|Paperback", "Group": "1"   }   // Binding column 
   ], 
   
   "RightCols" : [ 
      { "Name": "G", "Type": "Float", "Format": "\\$####.00", "Width": "100", "Spanned": "1"   }   // Price column 
   ], 
   
   "Def" : [ 
      
      // Default settings for all rows, but due next definitions it sets red color caption only for book names rows 
      { "Name": "R", "CanEdit": "1", "CDef": "", "AcceptDef": "Desc,Info"   }, 

      // Book row 
      // Used also for adding new rows 
      { "Name": "Book", "AHtmlPrefix": "<span style=\"color:red;font-weight:700;\">", "AHtmlPostfix": "</span>", "Color": "#FFFFEB", "CanSort": "0", "Items": [
         { "Def": "Desc"   }, 
         { "Def": "Info"   }  
      ]}, 

      // Default settings for the two multiline description rows 
      { "Name": "Info", "MaxHeight": "128"   },  // Maximal height of the row is 128 pixels, higher text is hidden and displayed on mouse hover 
      { "Name": "Info", "AHtmlPrefix": "<span style=\"font-weight:700;\">", "AHtmlPostfix": "</span>"   },  // Resets the setting from 'R' default to display black color name 
      { "Name": "Info", "Spanned": "1", "BSpan": "6"   },       // Spans the Author column for whole variable columns to make a room for the desription text 
      { "Name": "Info", "BAcceptEnters": "1", "BEditFormat": "", "BType": "Lines"   },  // Re-types and re-sets the Author column to show not formatted multiline text 
      { "Name": "Info", "NoPageBreak": "1"   },  // When printing, it never breaks page in front of the multiline row => it breaks page only between books 
      { "Name": "Info", "CanDelete": "0", "CanSelect": "0", "CanDrag": "0"   },  // Restricts manipulation of the book child rows 

      // Default settings special for book description multiline row 
      { "Name": "Desc", "Def": "Info"   },  // Uses all default settings from previous 'Info' default definition 
      { "Name": "Desc", "A": "Book description"   },  // Presets the value for cell A, because it is the same for all row, just saves the data size 
      { "Name": "Desc", "GType": "Img", "GFormat": "|||||||1", "GEditFormat": "|2|1|1|1", "GCanFocus": "1", "GRowSpan": "2", "GMaxEditHeight": ""   },  // Spans the Price cell by two rows and retypes it to show image 

      // Default settins for the root row 
      { "Name": "Root", "Def": "Desc", "NoColorState": "1", "GCanFocus": "0", "GRowSpan": "", "MaxHeight": "", "CDef": "Book", "AcceptDef": "Book", "CanDrag": "0"   }  
      
   ], 
   
   "Header" : { "A": "Title", "B": "Author", "C": "Publisher", "D": "Availability", "H": "Binding", "E": "Pages", "F": "ISBN", "G": "Price"   },  // Column captions 
   
   "MenuCfg" : { "ShowPanel": "0"   },  // Hides left row panel item from menu, because this grid does not use it 

   "Toolbar" : { "Cells05": "Edit", "EditType": "Radio", "EditEnum": "|Read only|Edit values", "Edit": "0", "EditCanEdit": "1", "EditFormula": "Grid.Editing==1", "EditOnChange": "Grid.Editing = Value?1:2; Grid.SaveCfg();", "EditRadioWrap": "0", 
      "AddImageVisibleFormula": "", "AddImageDisabledFormula": "", "SetLinkVisibleFormula": "", "SetLinkDisabledFormula": "", 
      "Lock": "0", "AddChild": "0", "AddMenu": "|CopyTree|CopySelectedTree|CopySelectedTreeEnd|AddRows|AddRowEnd"  
       }, 

   "Media" : [ 
      // Changes style Size for small screens 
      { "MaxWidth": "1090", "Tag": "1", 
         "Cfg" : { "Size": "Low", "MainTagHeight": "600"   }  
      }, 
      { "MaxWidth": "740", "Tag": "1", 
         "Cfg" : { "Size": "Tiny", "MainTagHeight": "420"   }  
      }, 
      { "MaxWidth": "710", "Tag": "2", 
         "Cfg" : { "NoVScroll": "1", "NoHScroll": "1", "Size": "Tiny"   }  
      }, 
      { "Style": "TB", 
         "Def" : [ 
            { "Name": "Book", "Color": "#495000"   }  
         ], 
      }, 
   ], 

   // Translations of example control texts to other languages 
   "Languages" : { 
      "L" : { "Code": "-EN", "Layout_Url": "BooksLang.js"   }  
   }, 

}) /* End of JSONP header */ 